<template>
  <splitpanes class="default-theme" horizontal :push-other-panes="false">
    <pane style="background:transparent" :size="50" v-bind="paneSize">
      <div class="top">
        <splitpanes-model ref="splitpanesModel" :paneSize="paneSize" :horizontal="false" @initOk="initOk" v-bind="$attrs">.
          <template v-for='item in Object.keys($slots)' v-slot:[item]>
            <slot :name="item"></slot>
          </template>
        </splitpanes-model>
      </div>
    </pane>
    <pane style="background:transparent;padding-bottom: 5px" v-bind="paneSize">
      <olTable v-bind="$attrs" ref="t3" theme="t3">
        <template v-for='item in Object.keys($slots)' v-slot:[item]>
          <slot :name="item"></slot>
        </template>
      </olTable>
    </pane>
  </splitpanes>
</template>

<script scope>
import {modelMixins} from "@/components/table/model/ModelMixins";
import SplitpanesModel from "@/components/table/model/splitpanesModel.vue";

export default {
  name: 'otTop2Bottom1',
  components: {SplitpanesModel},
  mixins: [modelMixins]
}
</script>
<style scoped>
.top {
  height: 100%;
  padding-bottom: 10px;
}

</style>
